:host {
  display: block;
}
.ibz-skeleton {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1001;
  top: 0px;
  left: 0px;
  background: #f6f6f6;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  > .skeleton-loader-container,
  .skeleton-loader-header,
  .skeleton-loader-footer {
    padding: 0px 5px;
    box-sizing: border-box;
    margin-top: 10px;
    > .skeleton-loader_bone {
      height: 100%;
      width: 100%;
      border-radius: 5px;
      position: relative;
      background-color: #ffffff;
      overflow: hidden;
    }
    > .skeleton-loader_bone::after {
      animation: ibiz-skeleton-loading 1.2s infinite;
      content: '';
      height: 100%;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      transform: translateX(-100%);
      z-index: 1;
      background: linear-gradient(90deg, #ffffff 0%, #f0f1f0 50%, #fdfdfd 100%);
    }
    @keyframes ibiz-skeleton-loading {
      from {
        transform: translateX(-100%);
      }
      to {
        transform: translateX(100%);
      }
    }
  }

  .skeleton-loader-header,
  .skeleton-loader-footer {
    width: 100%;
  }
}
